{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.css' %}">
    <meta charset="UTF-8">
    <title>List</title>
</head>
<body>
<br>
<div class="container"><!--搜索-->
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <form method="post" action=""><!--表单提交-->
                {% csrf_token %}
                <div class="col-md-6 col-md-offset-3">
                    <div class="input-group">
                        <input type="text" class="form-control" name="description" placeholder="请输入症状描述……">
                        <span class="input-group-btn">
                        <button class="btn btn-default" type="submit">
                            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                        </button>
                    </span>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div><!--搜索-->
<br>
<div class="container"><!--列表-->
    <div class="list-group">
        {% for item in data_list %}
            <a href="{{ item.name }}/get_details/" class="list-group-item">
                <h4 class="list-group-item-heading">{{ item.name }}({{ item.othername }})</h4>
                <p class="list-group-item-text">{{ item.introduction }}</p>
            </a>
        {% endfor %}
    </div>
</div><!--列表-->

<div class="container"><!--分页-->
    <!--分页组件-->
    <div class="clearfix">
        <ul class="pagination">
            {{ page_string }}
        </ul>
    </div>
</div><!--分页-->
</body>
<script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
<script src="{% static 'bootstrap/js/bootstrap.js' %}"></script>
<script src="{% static 'bootstrap/js/jquery-3.6.0.min.js' %}"></script>
</html>


